<!DOCTYPE html>
<html>
  <head>
    <title>SingleUserSearchAct.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <link rel="stylesheet" type="text/css" href="../css/demos.css">
    <script type="text/javascript" src="../js/jquery-1.10.0.js"></script>
	<style type="text/css">
		*{margin:0;padding:0;list-style-type:none;}
		body{width: 100%; height: 100%;}
		#mainFram{position:fixed;top:0;left:0; margin: 20px 0 0 0;width:100%;}
		#directAccount{width:200px;}
		.firstCol {width:100px;}
		.secondCol {width:150px;}
		.thirdCol {width: 20px;}
		.forthCol {width: 120px;}
		.fifthCol {width: 150px;}
		.sixthCol {width: 10px;}
		#changeMode {cursor: pointer;font-style: italic; text-decoration: underline; color: blue; font-size: 15px; position:absolute; right:0px;}
		#dirctActInfo {height: 20px}
		#actResult {position:relative; top:20px}
	</style>
	<script type="text/javascript">
	$(function(){
		$(".directCtl").hide();
		$("#changeMode").click(function(){
			if ($("#changeMode").text() == "点击查看直接关联帐户")
			{
				$("#changeMode").text("点击返回当前帐户");
				$(".directCtl").slideDown(100);
			}
			else
			{
				$("#changeMode").text("点击查看直接关联帐户");
				$(".directCtl").slideUp(100);
			}
		});
	});
	</script>
  </head>
  
  <body>
    <div id="mainFram">
    	<div id="dirctActInfo">
	    	<span class="directCtl">直接关联帐户 :</span>
	    	<select class="directCtl" id="directAccount"></select>
	    	<span id="changeMode">点击查看直接关联帐户</span>
	    </div>
	    <div id="actResult">
	    	<table width=100%>
				<tr>
					<td class="firstCol"><span class="lable">资金流进:</span></td>
					<td class="secondCol"><span class="singleData">1000</span></td>
					<td class="thirdCol"><span class="lable">笔</span></td>
					<td class="forthCol"><span class="lable">资金流进金额:</span></td>
					<td class="fifthCol"><span class="singleData">1000</span></td>
					<td class="sixthCol"><span class="lable">元</span></td>
				</tr>
				<tr>
					<td class="firstCol"><span class="lable">资金流出:</span></td>
					<td class="secondCol"><span class="singleData">1000</span></td>
					<td class="thirdCol"><span class="lable">笔</span></td>
					<td class="forthCol"><span class="lable">资金流出金额:</span></td>
					<td class="fifthCol"><span class="singleData">1000</span></td>
					<td class="sixthCol"><span class="lable">元</span></td>
				</tr>
				<tr>
					<td class="firstCol"><span class="lable">涉及帐户:</span></td>
					<td class="secondCol"><span class="singleData">1000</span></td>
					<td class="thirdCol"><span class="lable">个</span></td>	
					<td class="forthCol"><span class="lable">涉及帐号:</span></td>
					<td class="fifthCol"><span class="singleData">1000</span></td>
					<td class="sixthCol"><span class="lable">个</span></td>
				</tr>
			</table>
	    </div>
	</div>				
  </body>
</html>
